<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<title>회원가입</title>

<script type="text/javascript">
	$(document).ready(function(){
		//id 중복인지 실시간 체크하기
	 	$("#registerId").keyup(function(){
	 		var id=$(this).val();
			$.ajax({
				type:"get",
				url:"${initParam.root}member.do",
				dataType:"json",
				data:"command=idCheck&id="+id,
				success:function(jsonData){
					//id 중복 되면
					if(jsonData.result!=0){
						$("#checkIdDuplSpace").html("아이디가 중복되었습니다");
					}else
						$("#checkIdDuplSpace").html("");
				}
				
			});
		}); //id 중복체크
		
		//생일이 숫자인지 실시간체크하기
		$("#registerBirthday").keyup(function(){
			var birthNum=$("#registerBirthday").val();
			if(isNaN(birthNum)){
				$("#checkNumSpace").html("생일은 숫자로만 입력해주세요");
			}else if(birthNum.length!=8){
				$("#checkNumSpace").html("생일은 8자리로 입력해주세요");	
			}else{
				$("#checkNumSpace").html("");
			}
		});//생일이 적었을 때 
		
		//회원가입 폼 빈칸체크
		$("#registerForm").submit(function(){
			if($("#registerId").val()==""){
				alert("id를 입력해 주세요");
				return false;
			}
			else if($("form [name=password]").val()==""){
				alert("비밀번호를 입력해 주세요");
				return false;
			}
			 else if($("form [name=name]").val()==""){
				alert("이름을 입력해 주세요");
				return false;
			}
			else if($("form [name=address]").val()==""){
				alert("주소를 입력해 주세요");
				return false;
			}
			else if($("form [name=birthday]").val()==""){
				alert("생일을 입력해 주세요");
				return false;
			}
			else if($("form [name=gender]").is(':checked')==false){
				alert("성별을 선택해 주세요");
				return false;
			}
			else if($("form [name=cellphone]").val()==""){
				alert("비밀번호를 입력해 주세요");
				return false;
			}
			else if($("form [name=email]").val()==""){
				alert("e-mail 주소를 입력해 주세요");
				return false;
			}  else if($("#checkNumSpace").text()!=""){
				alert("생일은 숫자로만 입력해주세요");
				return false;
			} else if($("#checkIdDuplSpace").text()!=""){
				alert("아이디가 중복되었습니다");
				return false;
			}
			
		});//회원가입 버튼 클릭시
		
	});//ready
</script>


<h2>회원가입^^ 방가방가</h2>
<form id="registerForm" action="${initParam.root }member.do" method="post">
	<input type="hidden" name="command" value="register">
	id: <input type="text" name="id" id="registerId"><span id="checkIdDuplSpace"></span><br>
	password: <input type="password" name="password"><br>
	이름: <input type="text" name="name"><br>
	주소: <input type="text" name="address"><br>
	생일( 8자리로 입력해주세요. 예시 - 19900908): <input type="text" name="birthday" id="registerBirthday">
							<span id="checkNumSpace"></span><br>
	성별:<input type="radio" name="gender" value="male">남
	 		<input type="radio" name="gender" value="female">여<br>
	전화번호: <input type="text" name="cellphone"><br>
	e-mail: <input type="text" name="email"><br>
	<input type="submit" value="회원가입">
</form>

